<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
    const obj = {
  age: 123,
  sex: 'male',
  childs: [
    {name: 'hong'},
    {name: 'ming'},
  ]
}


// 针对 获取  对象 / 数组 具体 的 key / item
// ES6 给了简单办法： 解构

// ES5 写法：
  // const childs = obj.childs;
// ES6 写法：解构对象  ->  本质 是靠 key 去匹配
// const { childs } = obj;

// console.log(childs);

// // ES6 写法：解构数组  ->  本质 是靠 index 去匹配
// const arr = [1, 2, 3];
// const [a, b, c] = arr;


// 解构对象的拓展： ->  给 对象的 key 的数据，另起一个 变量名
// const { childs: childrens } = obj;
// console.log('childrens', childrens );

// const { age : value} = obj
// console.log(value);

// const { log } = console

// log('123')

</script>